function GetCategorias(){
	$.ajax({
		method: "get",
		url: "Home",
		context: document.body,
		dataType: "text",
		data: { cmd : "GetCategorias" },
		cache: false,
		success: function(data){
			//Listando as categorias
			var categorias = $.parseJSON(data);
			$.each(categorias, function(index, categoria) {
				$("#tabs").append('<li><a href="#categoria_'+categoria.id+'" data-toggle="tab">'+categoria.nome+'</a></li>');
			
				if(index == 0){					
					$("#my-tab-content").append(
						'<div class="tab-pane active" id="categoria_'+categoria.id+'">'+
						'<br />'+
						'</div>'						
					);
				}else{
					$("#my-tab-content").append(
						'<div class="tab-pane" id="categoria_'+categoria.id+'">'+
						'<br />'+
						'</div>'						
					);				
				}			
				GetProdutosByCategoria(categoria.id);					
			});
		}
	});
}

function GetProdutosByCategoria(id){
	$.ajax({
		method: "get",
		url:"Home",
		dataType: "text",
		data: {cmd : "GetProdutosByCategoria", categoriaID : id},
		cache: false,
		success: function(result){
			//Listando os produtos de acordo com a categoria
			var produtos = $.parseJSON(result);
			$.each(produtos, function(index, produto) {
				$("#categoria_"+id).append(
					'<div id="draggable" class="col-xs-4 col-md-2">'+
						'<a href="#" class="thumbnail"> <img src="'+produto.foto+'" alt="..." height="150px" width="150px">'+'</a>'+
					'</div>' 				
				);
				$( ".thumbnail" ).draggable({helper: 'clone'});
			});
		}
	});
};

function MontarAbas(){
	//limpando a as tabs
	$("#tabs").empty();
	$("#my-tab-content").empty();
	GetCategorias();
}